<template>
  <div class="back">
    <div class="container" >
<!--      当前登录的用户：{{object.name}}-->
      <p v-for="(item,content) in object" v-bind:key="item">
        {{content}}:{{item}}
      </p>
    </div>

  </div>
</template>

<script>
export default {
  data(){
    return{
      object : JSON.parse(this.$route.query.obj)
    }
  },

}
</script>

<style scoped>
.container{
  width: 60%;
  height: auto;
  background: white;
  margin-left: 20%;
  margin-top: 30px;
  /*opacity: 0.3;*/
  background: rgba(0, 0, 0, 0.3);
  overflow-y: scroll;
  max-height:40%;
  font-size: 20px;
  color: white;
}

.back{
  background:url("http://cdn-dlut.supwisdom.com/student/static/common-home/img/theme1.jpg");
  width: 100%;
  height: 100%; /**宽高100%是为了图片铺满屏幕 */
  z-index: -1;
  position: fixed;
  top: 0px; /*这里是设置与顶部的距离*/
  left: 0px; /*这里是设置与左边的距离*/
  bottom: 0px;
  right: 0px;

}
</style>